<%--
  Created by IntelliJ IDEA.
  User: 113
  Date: 2020/12/1
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
    <%--引入css文件和js文件--%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css">

    <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.bundle.js"></script>

    <style>
        .container{
            width: 20%;
            height: 20%;
            margin-top: 10%;
        }
    </style>
</head>
<body style="background: #4e555b">
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <form role="form"  method="post" action="index.jsp">
                <h3 style="text-align: center">管理员登录</h3>
                <div class="form-group">
                    <label for="exampleInputEmail1">用户名</label><input  class="form-control" id="exampleInputEmail1" type="text"  name="username"/>
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">密码</label><input class="form-control" id="exampleInputPassword1" type="password" name="password" />
                </div>
                <button class="btn btn-default" type="submit">登录</button>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="modal-container-addUser" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    添加用户
                </h4>
                <button type="button" class="close" date-dismiss="model" aria-hidden="true">×</button>
            </div>
            <form method="post" action="add.jsp">
                <div class="modal-body">
                    <div class="form-group">
                        <label>用户名：</label><input type="text" name="username" class="form-control" />
                    </div>
                    <div class="form-group">
                        <label>密码：</label><input type="password" name="password" class="form-control" />
                    </div>
                    <div class="form-group">
                        <label>性别：</label><input type="text" name="gender" class="form-control" />
                    </div>
                    <div class="form-group">
                        <label>年龄：</label><input type="text" name="age" class="form-control" />
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
                    <button class="btn btn-primary" type="submit">提交</button>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
